@charset "utf-8";
@import './modules/common';
@import '../libs/bootstrap/css/bootstrap.min';
@import './modules/header';
@import './modules/footer';

.header {
  height: 75px;
  width: 100%;
  min-width: 1400px;
}

main {
  position: relative;
  width: 100%;
  height: 750px;
  background-color: #f2f2f2;
}

.shopCart {
  padding: 20px;
  position: absolute;
  width: 915px;
  // height: 240px;
  background-color: #fff;
  margin: auto;
  top: 50px;
  left: 400px;
}

.shopCart p {
  font-size: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.product-intro {
  position: relative;
  width: 880px;
  height: 100px;
  border-bottom: 1px solid #e2e2e2;
}

.confirmBuy {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 30px;
  left: 10px;
}

.product-intro img {
  position: absolute;
  width: 150px;
  height: 100px;
  left: 80px;
}

.pro-title {
  width: 200px;
  position: absolute;
  top: 40px;
  left: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subBtn {
  position: absolute;
  left: 470px;
  top: 40px;
}

.choiceBox input {
  position: absolute;
  width: 100px;
  height: 30px;
  left: 491px;
  top: 38px;
}

.addBtn {
  position: absolute;
  left: 591px;
  top: 40px;
}

.pro-price {
  font-size: 18px;
  position: absolute;
  left: 640px;
  top: 40px;
}
.price{
  font-size: 18px;
  position: absolute;
  left: 715px;
  top: 40px;
}
.trash {
  position: absolute;
  font-size: 30px;
  top: 40px;
  left: 830px;
}
#shopCart{
  position: absolute;
  width: 40px;
  height: 40px;
  top: 180px;
}
.total-price{
  position: absolute;
  width: 915px;
  height: 100px;
  background-color: #fff;
  top: 650px;
  left: 400px;
}
#allSelect{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 40px;
  left: 20px;
}
.total-text{
  position: absolute;
  top: 45px;
  left: 70px;
}
.total-number{
  position: absolute;
  top: 40px;
  left: 500px;
}
.total-number b{
  font-size: 30px;
  color: red;
}
.settlement{
  position: absolute;
  width: 150px;
  height: 80px;
  font-size: 20px;
  color: #fff;
  border-radius: 10px;
  background-color: #d44946;
  top: 10px;
  left: 750px;
}
.settlement:hover{
  background-color: #c22a27;
}
.empty-frame{
  position: relative;
  display: none;
}
.empty-frame img{
  width: 160px;
  height: 115px;
  position: absolute;
  left: 600px;
  top: 100px;
}
.empty-frame b{
  font-size: 20px;
  color: #ff414d;
  position: absolute;
  top: 220px;
  left: 580px;
}